<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
      <el-form-item label="病案号" prop="binganhao">
        <el-input
          v-model="queryParams.binganhao"
          placeholder="请输入病案号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="住院号" prop="zhuyuanhao">
        <el-input
          v-model="queryParams.zhuyuanhao"
          placeholder="请输入住院号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="病人姓名" prop="bingrenxingming">
        <el-input
          v-model="queryParams.bingrenxingming"
          placeholder="请输入病人姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>

      <el-form-item label="性别" prop="xingbie">
        <el-select
          v-model="queryParams.xingbie"
          placeholder="性别"
          clearable
        >
          <el-option
            v-for="dict in dict.type.sys_user_sex"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>

      <el-form-item label="联系电话" prop="lianxidianhua">
        <el-input
          v-model="queryParams.lianxidianhua"
          placeholder="请输入联系电话"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="身份证号" prop="shenfenzhenghao">
        <el-input
          v-model="queryParams.shenfenzhenghao"
          placeholder="请输入身份证号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <span v-if="isShow">
        <!--高级搜索-->
        <el-form-item label="医疗付费方式" prop="yiliaofufeifangshi">
          <el-select
            v-model="queryParams.yiliaofufeifangshi"
            placeholder="医疗付费方式"
            clearable
          >
            <el-option
              v-for="dict in dict.type.payment_method"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>


        <el-form-item label="是否手术" prop="shoushucaozuomingcheng">
          <el-select
            v-model="queryParams.shoushucaozuomingcheng"
            placeholder="是否手术"
            clearable
          >
            <el-option
              v-for="dict in dict.type.yes_or_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>

        <el-form-item label="入院日期" prop="ruyuanriqi">
          <el-date-picker
            v-model="queryParams.ruyuanriqi"
            style="width: 215px"
            value-format="yyyy-MM-dd"
            type="daterange"
            range-separator="-"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            @keyup.enter.native="handleQuery"
          ></el-date-picker>
        </el-form-item>

        <el-form-item label="入院科室" prop="ruyuankeshi">
          <el-input
            v-model="queryParams.ruyuankeshi"
            placeholder="请输入入院科室"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>


        <el-form-item label="入院诊断" prop="ruyuanzhenduan">
          <el-input
            v-model="queryParams.ruyuanzhenduan"
            placeholder="请输入入院诊断"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>


        <el-form-item label="出院日期" prop="chuyuanriqi">
          <el-date-picker
            v-model="queryParams.chuyuanriqi"
            style="width: 215px"
            value-format="yyyy-MM-dd"
            type="daterange"
            range-separator="-"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            @keyup.enter.native="handleQuery"
          ></el-date-picker>
        </el-form-item>


        <el-form-item label="出院科室" prop="chuyuankeshi">
          <el-input
            v-model="queryParams.chuyuankeshi"
            placeholder="请输入出院科室"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>

        <el-form-item label="出院主诊断" prop="chuyuanzhuzhenduan">
          <el-input
            v-model="queryParams.chuyuanzhuzhenduan"
            placeholder="请输入出院主诊断"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>

        <el-form-item label="出院次诊断" prop="cizhenduan1">
          <el-input
            v-model="queryParams.cizhenduan1"
            placeholder="请输入出院次诊断"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>


        <el-form-item label="转归" prop="zhuangui">
          <el-select
            v-model="queryParams.zhuangui"
            placeholder="转归"
            clearable
          >
            <el-option
              v-for="dict in dict.type.turnover"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>


        <el-form-item label="住院天数" prop="zhuyuantianshu">
          <el-input
            v-model="queryParams.zhuyuantianshu"
            style="width: 107.5px"
            type="text"
            placeholder="起始"
            clearable
            maxlength="5"
            oninput="value=value.replace(/[^\d]/g,'')"
            @keyup.enter.native="handleQuery"
          />
          <el-input
            v-model="queryParams.endzhuyuantianshu"
            style="width: 107.5px"
            type="text"
            placeholder="结束"
            clearable
            maxlength="5"
            oninput="value=value.replace(/[^\d]/g,'')"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>

        <el-form-item label="经治医生" prop="jingzhiyisheng">
          <el-input
            v-model="queryParams.jingzhiyisheng"
            placeholder="请输入经治医生"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>


        <el-form-item label="离院方式" prop="liyuanfangshi">
          <el-select
            v-model="queryParams.liyuanfangshi"
            placeholder="离院方式"
            clearable
          >
            <el-option
              v-for="dict in dict.type.discharge_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>

        <el-form-item label="导入日期" prop="createDate">
          <el-date-picker
            v-model="queryParams.createDate"
            style="width: 215px"
            value-format="yyyy-MM-dd"
            type="daterange"
            range-separator="-"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            @keyup.enter.native="handleQuery"
          ></el-date-picker>
        </el-form-item>

        <el-form-item label="审核状态" prop="auditStatus">
          <el-select
            v-model="queryParams.auditStatus"
            placeholder="审核状态"
            clearable
          >
            <el-option
              v-for="dict in dict.type.sys_audit_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>

        <el-form-item label="贫困标志" prop="pinkunbiaozhi">
          <el-select
            v-model="queryParams.pinkunbiaozhi"
            placeholder="贫困标志"
            clearable
          >
            <el-option
              v-for="dict in dict.type.yes_or_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>


      </span>
      <el-form-item>
        <el-button type="info" size="mini" @click="moreSeach">
          {{ !isShow ? '高级搜索' : '常规搜索' }}
        </el-button>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">


      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:info:add']"
        >新增
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['system:info:edit']"
        >修改
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['system:info:remove']"
        >删除
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-document"
          size="mini"
          :disabled="multiple"
          @click="handleAudit"
          v-hasPermi="['system:info:audit']"
        >批量审核
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-document"
          size="mini"
          :disabled="multiple"
          @click="handleRepeal"
          v-hasPermi="['system:info:repeal']"
        >批量回退
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-printer"
          size="mini"
          :disabled="multiple"
          @click="handlePrint"
          v-hasPermi="['system:info:print']"
        >批量打印
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="info"
          plain
          icon="el-icon-download"
          size="mini"
          @click="importTemplate"
          v-hasPermi="['system:info:importTemplate']"
        >下载模版
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="info"
          plain
          icon="el-icon-upload2"
          size="mini"
          @click="handleImport"
          v-hasPermi="['system:info:import']"
        >导入
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['system:info:export']"
        >导出
        </el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-download"
          size="mini"
          :disabled="multiple"
          @click="handleExportNew"
          v-hasPermi="['system:info:export_excel']"
        >导出Excel
        </el-button>
      </el-col>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="infoList" style="width: 100%" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="50px" align="center"/>
      <el-table-column
        label="编号"
        type="index"
        width="50"
        fixed>
      </el-table-column>
      <!--      <el-table-column label="导入时间" align="center" prop="createTime" width="150px" fixed/>-->
      <!--      <el-table-column label="id" align="center" prop="id" width="100%"/>-->
      <!--      <el-table-column label="编号" align="center" prop="bianhao" width="50px" fixed/>-->
      <el-table-column label="医疗付费方式" align="center" prop="yiliaofufeifangshi" width="180px" fixed/>
      <el-table-column label="病案号" align="center" prop="binganhao" width="115px" fixed/>
      <el-table-column label="住院号" align="center" prop="zhuyuanhao" width="100px" fixed/>
      <el-table-column label="病人姓名" align="center" prop="bingrenxingming" width="100px" fixed/>
      <el-table-column label="联系人姓名" align="center" prop="lianxirenxingming" width="100px"/>
      <el-table-column label="性别" align="center" prop="xingbie" width="50px"/>
      <el-table-column label="年龄" align="center" prop="nianling" width="50px"/>
      <el-table-column label="职业" align="center" prop="zhiye" width="100px"/>
      <el-table-column label="工作单位/地址" align="center" prop="gongzuodanweidizhi" width="250px"/>
      <el-table-column label="联系电话" align="center" prop="lianxidianhua" width="120px"/>
      <el-table-column label="入院日期" align="center" prop="ruyuanriqi" width="180px"/>
      <el-table-column label="入院科室" align="center" prop="ruyuankeshi" width="100px"/>
      <el-table-column label="入院诊断编码" align="center" prop="ruyuanzhenduanbianma" width="100px"/>
      <el-table-column label="入院诊断" align="center" prop="ruyuanzhenduan" width="100px"/>
      <el-table-column label="手术/操作编码" align="center" prop="shoushucaozuobianma" width="120px"/>
      <el-table-column label="手术/操作名称" align="center" prop="shoushucaozuomingcheng" width="120px"/>
      <el-table-column label="出院日期" align="center" prop="chuyuanriqi" width="180px"/>
      <el-table-column label="出院科室" align="center" prop="chuyuankeshi" width="100px"/>
      <el-table-column label="出院主诊断编码" align="center" prop="chuyuanzhuzhenduanbianma" width="130px"/>
      <el-table-column label="出院主诊断" align="center" prop="chuyuanzhuzhenduan" width="100px"/>
      <el-table-column label="次诊断1编码" align="center" prop="cizhenduan1bianma" width="100px"/>
      <el-table-column label="次诊断1" align="center" prop="cizhenduan1" width="100px"/>
      <el-table-column label="次诊断2编码" align="center" prop="cizhenduan2bianma" width="100px"/>
      <el-table-column label="次诊断2" align="center" prop="cizhenduan2" width="100px"/>
      <el-table-column label="次诊断3编码" align="center" prop="cizhenduan3bianma" width="100px"/>
      <el-table-column label="次诊断3" align="center" prop="cizhenduan3" width="100px"/>
      <el-table-column label="次诊断4编码" align="center" prop="cizhenduan4bianma" width="100px"/>
      <el-table-column label="次诊断4" align="center" prop="cizhenduan4" width="100px"/>
      <el-table-column label="次诊断5编码" align="center" prop="cizhenduan5bianma" width="100px"/>
      <el-table-column label="次诊断5" align="center" prop="cizhenduan5" width="100px"/>
      <el-table-column label="次诊断6编码" align="center" prop="cizhenduan6bianma" width="100px"/>
      <el-table-column label="次诊断6" align="center" prop="cizhenduan6" width="100px"/>
      <el-table-column label="次诊断7编码" align="center" prop="cizhenduan7bianma" width="100px"/>
      <el-table-column label="次诊断7" align="center" prop="cizhenduan7" width="100px"/>
      <el-table-column label="次诊断8编码" align="center" prop="cizhenduan8bianma" width="100px"/>
      <el-table-column label="次诊断8" align="center" prop="cizhenduan8" width="100px"/>
      <el-table-column label="次诊断9编码" align="center" prop="cizhenduan9bianma" width="100px"/>
      <el-table-column label="次诊断9" align="center" prop="cizhenduan9" width="100px"/>
      <el-table-column label="次诊断10编码" align="center" prop="cizhenduan10bianma" width="100px"/>
      <el-table-column label="次诊断10" align="center" prop="cizhenduan10" width="100px"/>
      <el-table-column label="转归" align="center" prop="zhuangui" width="100px"/>
      <el-table-column label="身份证号" align="center" prop="shenfenzhenghao" width="200px"/>
      <el-table-column label="住院天数" align="center" prop="zhuyuantianshu" width="100px"/>
      <el-table-column label="经治医生" align="center" prop="jingzhiyisheng" width="100px"/>
      <el-table-column label="贫困标志" align="center" prop="pinkunbiaozhi" width="100px"/>
      <el-table-column label="离院方式" align="center" prop="liyuanfangshi" width="100px"/>
      <el-table-column label="总费用（元）" align="center" prop="zongfeiyong" width="100px"/>
      <el-table-column label="自付金额（元）" align="center" prop="zifujine" width="120px"/>
      <!--      <el-table-column label="备注" align="center" prop="remark"  width="100px"/>-->
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180px" fixed="right">
        <template slot-scope="scope">
          <el-button
            type="text"
            icon="el-icon-document"
            size="mini"
            :disabled="scope.row.auditStatus!==2"
            @click="handleAudit(scope.row)"
            v-hasPermi="['system:info:audit']"
          >{{ scope.row.auditStatus === 2 ? '审核' : '已审核' }}
          </el-button>

          <el-button
            type="text"
            icon="el-icon-document"
            size="mini"
            :disabled="scope.row.auditStatus!==1"
            @click="handleRepeal(scope.row)"
            v-hasPermi="['system:info:repeal']"
          >回退
          </el-button>

          <el-button
            type="text"
            icon="el-icon-printer"
            size="mini"
            @click="handlePrint(scope.row)"
            v-hasPermi="['system:info:print']"
          >打印
          </el-button>
          <span v-if="adminShow">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:info:edit']"
            >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:info:remove']"
          >删除
          </el-button>
          </span>

          <span v-else>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              :disabled="adminShow ||scope.row.auditStatus ===1"
              v-hasPermi="['system:info:edit']"
            >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            :disabled="scope.row.auditStatus ===1"
            v-hasPermi="['system:info:remove']"
          >删除
          </el-button>
          </span>

        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      :page-sizes="[10, 20, 50, 100,200]"
      @pagination="getList"
    />

    <!-- 添加或修改病案信息对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
      <el-form :inline="true" ref="form" :model="form" :rules="rules" label-width="120px" class="demo-form-inline">
        <el-form-item label="病案号" prop="binganhao">
          <el-input v-model="form.binganhao" :disabled="true" placeholder="系统自动生成"/>
        </el-form-item>
        <el-form-item label="医疗付费方式" prop="yiliaofufeifangshi">
          <el-select
            v-model="form.yiliaofufeifangshi"
            placeholder="医疗付费方式"
            style="width: 207px"
            clearable
          >
            <el-option
              v-for="dict in dict.type.payment_method"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>

        <el-form-item label="住院号" prop="zhuyuanhao">
          <el-input v-model="form.zhuyuanhao" placeholder="请输入住院号"/>
        </el-form-item>
        <el-form-item label="病人姓名" prop="bingrenxingming">
          <el-input v-model="form.bingrenxingming" placeholder="请输入病人姓名"/>
        </el-form-item>
        <el-form-item label="联系人姓名" prop="lianxirenxingming">
          <el-input v-model="form.lianxirenxingming" placeholder="请输入联系人姓名"/>
        </el-form-item>
        <el-form-item label="性别" prop="xingbie">
          <el-select
            v-model="form.xingbie"
            placeholder="性别"
            style="width: 207px"
            clearable
          >
            <el-option
              v-for="dict in dict.type.sys_user_sex"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="年龄" prop="nianling">
          <el-input v-model="form.nianling" placeholder="请输入年龄"/>
        </el-form-item>
        <el-form-item label="职业" prop="zhiye">
          <el-input v-model="form.zhiye" placeholder="请输入职业"/>
        </el-form-item>
        <el-form-item label="工作单位/地址" prop="gongzuodanweidizhi">
          <el-input v-model="form.gongzuodanweidizhi" placeholder="请输入工作单位/地址"/>
        </el-form-item>
        <el-form-item label="联系电话" prop="lianxidianhua">
          <el-input v-model="form.lianxidianhua" placeholder="请输入联系电话"/>
        </el-form-item>
        <el-form-item label="入院日期" prop="ruyuanriqi">
          <el-date-picker
            v-model="form.ruyuanriqi"
            type="datetime"
            style="width: 206px;"
            value-format="yyyy-MM-dd hh:mm:ss"
            placeholder="选择入院日期"
            default-time="12:00:00">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="入院科室" prop="ruyuankeshi">
          <el-input v-model="form.ruyuankeshi" placeholder="请输入入院科室"/>
        </el-form-item>
        <el-form-item label="入院诊断编码" prop="ruyuanzhenduanbianma">
          <el-input v-model="form.ruyuanzhenduanbianma" placeholder="请输入入院诊断编码" @focus="handleShowDiagnose11"  readonly/>
        </el-form-item>
        <el-form-item label="入院诊断" prop="ruyuanzhenduan">
          <el-input v-model="form.ruyuanzhenduan" placeholder="请输入入院诊断" @focus="handleShowDiagnose11"  readonly/>
        </el-form-item>
        <el-form-item label="手术/操作编码" prop="shoushucaozuobianma">
          <el-input v-model="form.shoushucaozuobianma" placeholder="请输入手术/操作编码" @focus="handleShowSurgery" readonly/>
        </el-form-item>
        <el-form-item label="手术/操作名称" prop="shoushucaozuomingcheng">
          <el-input v-model="form.shoushucaozuomingcheng" placeholder="请输入手术/操作名称" @focus="handleShowSurgery"
                    readonly/>
        </el-form-item>
        <el-form-item label="出院日期" prop="chuyuanriqi">
          <el-date-picker
            v-model="form.chuyuanriqi"
            type="datetime"
            style="width: 206px;"
            value-format="yyyy-MM-dd hh:mm:ss"
            placeholder="选择出院日期"
            default-time="12:00:00">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="出院科室" prop="chuyuankeshi">
          <el-input v-model="form.chuyuankeshi" placeholder="请输入出院科室"/>
        </el-form-item>
        <el-form-item label="出院主诊断编码" prop="chuyuanzhuzhenduanbianma">
          <el-input v-model="form.chuyuanzhuzhenduanbianma" placeholder="请输入出院主诊断编码"
                    @focus="handleShowDiagnose" readonly/>
        </el-form-item>
        <el-form-item label="出院主诊断" prop="chuyuanzhuzhenduan">
          <el-input v-model="form.chuyuanzhuzhenduan" placeholder="请输入出院主诊断" @focus="handleShowDiagnose"  readonly/>
        </el-form-item>
        <el-form-item label="次诊断1编码" prop="cizhenduan1bianma">
          <el-input v-model="form.cizhenduan1bianma" placeholder="请输入次诊断1编码" @focus="handleShowDiagnose1" readonly/>
        </el-form-item>
        <el-form-item label="次诊断1" prop="cizhenduan1">
          <el-input v-model="form.cizhenduan1" placeholder="请输入次诊断1" @focus="handleShowDiagnose1" readonly/>
        </el-form-item>
        <el-form-item label="次诊断2编码" prop="cizhenduan2bianma">
          <el-input v-model="form.cizhenduan2bianma" placeholder="请输入次诊断2编码" @focus="handleShowDiagnose2" readonly />
        </el-form-item>
        <el-form-item label="次诊断2" prop="cizhenduan2">
          <el-input v-model="form.cizhenduan2" placeholder="请输入次诊断2" @focus="handleShowDiagnose2" readonly/>
        </el-form-item>
        <el-form-item label="次诊断3编码" prop="cizhenduan3bianma">
          <el-input v-model="form.cizhenduan3bianma" placeholder="请输入次诊断3编码" @focus="handleShowDiagnose3" readonly/>
        </el-form-item>
        <el-form-item label="次诊断3" prop="cizhenduan3">
          <el-input v-model="form.cizhenduan3" placeholder="请输入次诊断3" @focus="handleShowDiagnose3" readonly/>
        </el-form-item>
        <el-form-item label="次诊断4编码" prop="cizhenduan4bianma">
          <el-input v-model="form.cizhenduan4bianma" placeholder="请输入次诊断4编码" @focus="handleShowDiagnose4" readonly/>
        </el-form-item>
        <el-form-item label="次诊断4" prop="cizhenduan4">
          <el-input v-model="form.cizhenduan4" placeholder="请输入次诊断4" @focus="handleShowDiagnose4" readonly/>
        </el-form-item>
        <el-form-item label="次诊断5编码" prop="cizhenduan5bianma">
          <el-input v-model="form.cizhenduan5bianma" placeholder="请输入次诊断5编码"  @focus="handleShowDiagnose5" readonly/>
        </el-form-item>
        <el-form-item label="次诊断5" prop="cizhenduan5">
          <el-input v-model="form.cizhenduan5" placeholder="请输入次诊断5" @focus="handleShowDiagnose5" readonly/>
        </el-form-item>
        <el-form-item label="次诊断6编码" prop="cizhenduan6bianma">
          <el-input v-model="form.cizhenduan6bianma" placeholder="请输入次诊断6编码" @focus="handleShowDiagnose6" readonly/>
        </el-form-item>
        <el-form-item label="次诊断6" prop="cizhenduan6">
          <el-input v-model="form.cizhenduan6" placeholder="请输入次诊断6" @focus="handleShowDiagnose6" readonly/>
        </el-form-item>
        <el-form-item label="次诊断7编码" prop="cizhenduan7bianma">
          <el-input v-model="form.cizhenduan7bianma" placeholder="请输入次诊断7编码" @focus="handleShowDiagnose7" readonly/>
        </el-form-item>
        <el-form-item label="次诊断7" prop="cizhenduan7">
          <el-input v-model="form.cizhenduan7" placeholder="请输入次诊断7" @focus="handleShowDiagnose7" readonly/>
        </el-form-item>
        <el-form-item label="次诊断8编码" prop="cizhenduan8bianma">
          <el-input v-model="form.cizhenduan8bianma" placeholder="请输入次诊断8编码" @focus="handleShowDiagnose8" readonly/>
        </el-form-item>
        <el-form-item label="次诊断8" prop="cizhenduan8">
          <el-input v-model="form.cizhenduan8" placeholder="请输入次诊断8" @focus="handleShowDiagnose8" readonly/>
        </el-form-item>
        <el-form-item label="次诊断9编码" prop="cizhenduan9bianma">
          <el-input v-model="form.cizhenduan9bianma" placeholder="请输入次诊断9编码" @focus="handleShowDiagnose9" readonly/>
        </el-form-item>
        <el-form-item label="次诊断9" prop="cizhenduan9">
          <el-input v-model="form.cizhenduan9" placeholder="请输入次诊断9" @focus="handleShowDiagnose9" readonly/>
        </el-form-item>
        <el-form-item label="次诊断10编码" prop="cizhenduan10bianma">
          <el-input v-model="form.cizhenduan10bianma" placeholder="请输入次诊断10编码" @focus="handleShowDiagnose10" readonly/>
        </el-form-item>
        <el-form-item label="次诊断10" prop="cizhenduan10">
          <el-input v-model="form.cizhenduan10" placeholder="请输入次诊断10"  @focus="handleShowDiagnose10" readonly/>
        </el-form-item>
        <el-form-item label="转归" prop="zhuangui">
          <el-select
            v-model="form.zhuangui"
            placeholder="转归"
            style="width: 207px"
            clearable
          >
            <el-option
              v-for="dict in dict.type.turnover"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="身份证号" prop="shenfenzhenghao">
          <el-input v-model="form.shenfenzhenghao" placeholder="请输入身份证号"/>
        </el-form-item>
        <el-form-item label="住院天数" prop="zhuyuantianshu">
          <el-input v-model="form.zhuyuantianshu" placeholder="请输入住院天数"/>
        </el-form-item>
        <el-form-item label="经治医生" prop="jingzhiyisheng">
          <el-input v-model="form.jingzhiyisheng" placeholder="请输入经治医生"/>
        </el-form-item>
        <el-form-item label="贫困标志" prop="pinkunbiaozhi">
          <el-select
            v-model="form.pinkunbiaozhi"
            placeholder="贫困标志"
            style="width: 207px"
            clearable
          >
            <el-option
              v-for="dict in dict.type.yes_or_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="离院方式" prop="liyuanfangshi">
          <el-select
            v-model="form.liyuanfangshi"
            placeholder="离院方式"
            style="width: 207px"
            clearable
          >
            <el-option
              v-for="dict in dict.type.discharge_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="总费用" prop="zongfeiyong">
          <el-input v-model="form.zongfeiyong" placeholder="请输入总费用"/>
        </el-form-item>
        <el-form-item label="自付金额" prop="zifujine">
          <el-input v-model="form.zifujine" placeholder="请输入自付金额"/>
        </el-form-item>
        <!--        <el-form-item label="备注" prop="remark">
                  <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
                </el-form-item>-->
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 用户导入对话框 -->
    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
      <el-upload
        ref="upload"
        :limit="1"
        accept=".xlsx, .xls"
        :headers="upload.headers"
        :action="upload.url + '?updateSupport=' + upload.updateSupport"
        :disabled="upload.isUploading"
        :on-progress="handleFileUploadProgress"
        :on-success="handleFileSuccess"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
          <span>仅允许导入xls、xlsx格式文件。</span>
          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
                   @click="importTemplate">下载模板
          </el-link>
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFileForm">确 定</el-button>
        <el-button @click="upload.open = false">取 消</el-button>
      </div>
    </el-dialog>
    <!--入院诊断名称及编码 -->
    <el-dialog title="请选择入院诊断名称及编码" :visible.sync="openDiagnose11" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams11" ref="queryDiagnoseForm11" size="small" :inline="true" v-show="showDiagnoseSearch11"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams11.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery11"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams11.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery11"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery11">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery11">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList11" highlight-current-row
                @row-click="handleSelectionChangeDiagnose11">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId11" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal11>0"
        :total="diagnoseTotal11"
        :page.sync="diagnoseQueryParams11.pageNum"
        :limit.sync="diagnoseQueryParams11.pageSize"
        @pagination="getDiagnoseList11"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose11">确 定</el-button>
        <el-button @click="openDiagnose11 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->


    <!--次诊断10名称及编码 -->
    <el-dialog title="请选择次诊断10名称及编码" :visible.sync="openDiagnose10" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams10" ref="queryDiagnoseForm10" size="small" :inline="true" v-show="showDiagnoseSearch10"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams10.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery10"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams10.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery10"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery10">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery10">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList10" highlight-current-row
                @row-click="handleSelectionChangeDiagnose10">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId10" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal10>0"
        :total="diagnoseTotal10"
        :page.sync="diagnoseQueryParams10.pageNum"
        :limit.sync="diagnoseQueryParams10.pageSize"
        @pagination="getDiagnoseList10"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose10">确 定</el-button>
        <el-button @click="openDiagnose10 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断9名称及编码 -->
    <el-dialog title="请选择次诊断9名称及编码" :visible.sync="openDiagnose9" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams9" ref="queryDiagnoseForm9" size="small" :inline="true" v-show="showDiagnoseSearch9"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams9.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery9"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams9.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery9"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery9">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery9">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList9" highlight-current-row
                @row-click="handleSelectionChangeDiagnose9">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId9" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal9>0"
        :total="diagnoseTotal9"
        :page.sync="diagnoseQueryParams9.pageNum"
        :limit.sync="diagnoseQueryParams9.pageSize"
        @pagination="getDiagnoseList9"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose9">确 定</el-button>
        <el-button @click="openDiagnose9 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断8名称及编码 -->
    <el-dialog title="请选择次诊断8名称及编码" :visible.sync="openDiagnose8" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams8" ref="queryDiagnoseForm8" size="small" :inline="true" v-show="showDiagnoseSearch8"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams8.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery8"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams8.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery8"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery8">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery8">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList8" highlight-current-row
                @row-click="handleSelectionChangeDiagnose8">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId8" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal8>0"
        :total="diagnoseTotal8"
        :page.sync="diagnoseQueryParams8.pageNum"
        :limit.sync="diagnoseQueryParams8.pageSize"
        @pagination="getDiagnoseList8"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose8">确 定</el-button>
        <el-button @click="openDiagnose8 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断7名称及编码 -->
    <el-dialog title="请选择次诊断7名称及编码" :visible.sync="openDiagnose7" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams7" ref="queryDiagnoseForm7" size="small" :inline="true" v-show="showDiagnoseSearch7"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams7.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery7"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams7.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery7"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery7">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery7">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList7" highlight-current-row
                @row-click="handleSelectionChangeDiagnose7">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId7" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal7>0"
        :total="diagnoseTotal7"
        :page.sync="diagnoseQueryParams7.pageNum"
        :limit.sync="diagnoseQueryParams7.pageSize"
        @pagination="getDiagnoseList7"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose7">确 定</el-button>
        <el-button @click="openDiagnose7 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断6名称及编码 -->
    <el-dialog title="请选择次诊断6名称及编码" :visible.sync="openDiagnose6" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams6" ref="queryDiagnoseForm6" size="small" :inline="true" v-show="showDiagnoseSearch6"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams6.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery6"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams6.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery6"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery6">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery6">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList6" highlight-current-row
                @row-click="handleSelectionChangeDiagnose6">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId6" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal6>0"
        :total="diagnoseTotal6"
        :page.sync="diagnoseQueryParams6.pageNum"
        :limit.sync="diagnoseQueryParams6.pageSize"
        @pagination="getDiagnoseList6"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose6">确 定</el-button>
        <el-button @click="openDiagnose6 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断5名称及编码 -->
    <el-dialog title="请选择次诊断5名称及编码" :visible.sync="openDiagnose5" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams5" ref="queryDiagnoseForm5" size="small" :inline="true" v-show="showDiagnoseSearch5"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams5.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery5"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams5.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery5"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery5">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery5">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList5" highlight-current-row
                @row-click="handleSelectionChangeDiagnose5">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId5" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal5>0"
        :total="diagnoseTotal5"
        :page.sync="diagnoseQueryParams5.pageNum"
        :limit.sync="diagnoseQueryParams5.pageSize"
        @pagination="getDiagnoseList5"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose5">确 定</el-button>
        <el-button @click="openDiagnose5 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断4名称及编码 -->
    <el-dialog title="请选择次诊断4名称及编码" :visible.sync="openDiagnose4" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams4" ref="queryDiagnoseForm4" size="small" :inline="true" v-show="showDiagnoseSearch4"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams4.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery4"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams4.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery4"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery4">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery4">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList4" highlight-current-row
                @row-click="handleSelectionChangeDiagnose4">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId4" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal4>0"
        :total="diagnoseTotal4"
        :page.sync="diagnoseQueryParams4.pageNum"
        :limit.sync="diagnoseQueryParams4.pageSize"
        @pagination="getDiagnoseList4"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose4">确 定</el-button>
        <el-button @click="openDiagnose4 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断3名称及编码 -->
    <el-dialog title="请选择次诊断3名称及编码" :visible.sync="openDiagnose3" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams3" ref="queryDiagnoseForm3" size="small" :inline="true" v-show="showDiagnoseSearch3"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams3.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery3"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams3.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery3"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery3">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery3">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList3" highlight-current-row
                @row-click="handleSelectionChangeDiagnose3">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId3" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal3>0"
        :total="diagnoseTotal3"
        :page.sync="diagnoseQueryParams3.pageNum"
        :limit.sync="diagnoseQueryParams3.pageSize"
        @pagination="getDiagnoseList3"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose3">确 定</el-button>
        <el-button @click="openDiagnose3 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!--次诊断2名称及编码 -->
    <el-dialog title="请选择次诊断2名称及编码" :visible.sync="openDiagnose2" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams2" ref="queryDiagnoseForm2" size="small" :inline="true" v-show="showDiagnoseSearch2"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams2.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery2"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams2.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery2"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery2">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery2">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList2" highlight-current-row
                @row-click="handleSelectionChangeDiagnose2">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId2" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal2>0"
        :total="diagnoseTotal2"
        :page.sync="diagnoseQueryParams2.pageNum"
        :limit.sync="diagnoseQueryParams2.pageSize"
        @pagination="getDiagnoseList2"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose2">确 定</el-button>
        <el-button @click="openDiagnose2 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->


    <!--次诊断1名称及编码 -->
    <el-dialog title="请选择次诊断1名称及编码" :visible.sync="openDiagnose1" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams1" ref="queryDiagnoseForm1" size="small" :inline="true" v-show="showDiagnoseSearch1"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams1.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery1"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams1.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery1"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery1">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery1">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList1" highlight-current-row
                @row-click="handleSelectionChangeDiagnose1">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId1" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal1>0"
        :total="diagnoseTotal1"
        :page.sync="diagnoseQueryParams1.pageNum"
        :limit.sync="diagnoseQueryParams1.pageSize"
        @pagination="getDiagnoseList1"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose1">确 定</el-button>
        <el-button @click="openDiagnose1 = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->
    <!-- 出院主诊断名称及编码 -->
    <el-dialog title="请选择出院主诊断名称及编码" :visible.sync="openDiagnose" width="1000px" append-to-body>

      <el-form :model="diagnoseQueryParams" ref="queryDiagnoseForm" size="small" :inline="true" v-show="showDiagnoseSearch"
               label-width="80px">
        <el-form-item label="诊断名称" prop="name">
          <el-input
            v-model="diagnoseQueryParams.name"
            placeholder="请输入诊断名称"
            clearable
            @keyup.enter.native="handleDiagnoseQuery"
          />
        </el-form-item>
        <el-form-item label="诊断编码" prop="code">
          <el-input
            v-model="diagnoseQueryParams.code"
            placeholder="请输入诊断编码"
            clearable
            @keyup.enter.native="handleDiagnoseQuery"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDiagnoseQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetDiagnoseQuery">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="diagnoseList" highlight-current-row
                @row-click="handleSelectionChangeDiagnose">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedDiagnoseId" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="诊断名称" align="center" prop="name"/>
        <el-table-column label="诊断编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="diagnoseTotal>0"
        :total="diagnoseTotal"
        :page.sync="diagnoseQueryParams.pageNum"
        :limit.sync="diagnoseQueryParams.pageSize"
        @pagination="getDiagnoseList"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectDiagnose">确 定</el-button>
        <el-button @click="openDiagnose = false">取 消</el-button>
      </div>
    </el-dialog>

    <!--    ----------------------------->

    <!-- 手术操作名称及编码 -->
    <el-dialog title="请选择手术操作名称及编码" :visible.sync="openSurgery" width="1000px" append-to-body>

      <el-form :model="surgeryQueryParams" ref="querySurgeryForm" size="small" :inline="true" v-show="showSurgerySearch"
               label-width="80px">
        <el-form-item label="手术名称" prop="name">
          <el-input
            v-model="surgeryQueryParams.name"
            placeholder="请输入手术名称"
            clearable
            @keyup.enter.native="handleSurgeryQuery"
          />
        </el-form-item>
        <el-form-item label="手术编码" prop="code">
          <el-input
            v-model="surgeryQueryParams.code"
            placeholder="请输入手术编码"
            clearable
            @keyup.enter.native="handleSurgeryQuery"
          />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSurgeryQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetSurgeryQuery">重置</el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="surgeryList" highlight-current-row
                @row-click="handleSelectionChangeSurgery">
        <el-table-column align="center" width="55" label="选择">
          <template slot-scope="scope">
            <!-- 可以手动的修改label的值，从而控制选择哪一项 -->
            <el-radio class="radio" v-model="selectedSurgeryId" :label="scope.row.id"
            >&nbsp;
            </el-radio
            >
          </template>
        </el-table-column>
        <el-table-column
          label="编号"
          type="index"
          width="50">
        </el-table-column>
        <el-table-column label="手术名称" align="center" prop="name"/>
        <el-table-column label="手术编码" align="center" prop="code"/>
      </el-table>

      <pagination
        v-show="surgeryTotal>0"
        :total="surgeryTotal"
        :page.sync="surgeryQueryParams.pageNum"
        :limit.sync="surgeryQueryParams.pageSize"
        @pagination="getSurgeryList"
      />

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="handleSelectSurgery">确 定</el-button>
        <el-button @click="openSurgery = false">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="打印病案信息"
      :visible.sync="printVisible"
      width="30%"
    >
      <div class="box" id="printTest">
        <div
          style="page-break-after: always"
          v-for="(item, index) in printDatas"
          :key="index"
          class="list"
        >
          <div class="content">
            <p class="p1 p2">病案号:{{ item.binganhao }}</p>
            <p class="p1">住院号:{{ item.zhuyuanhao }}</p>
            <p class="p1">姓名:{{ item.bingrenxingming }}</p>
            <p class="p1">身份证:{{ item.shenfenzhenghao }}</p>
          </div>
        </div>
      </div>
      <div style="display: flex;justify-content: center">
        <el-button @click="printVisible=false">取 消</el-button>
        <el-button type="primary" v-print="'#printTest'">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {addInfo, auditInfo, delInfo, getInfo, listInfo, printInfo, repealInfo, updateInfo} from "@/api/system/info";
import {getToken} from "@/utils/auth";
import {url} from "@/utils/url";
import {listSurgery} from "@/api/system/surgery";
import {listDiagnose} from "@/api/system/diagnose";

export default {
  name: "Info",
  dicts: ['sys_user_sex', 'payment_method', 'discharge_mode', 'turnover', 'yes_or_no', 'sys_audit_status'],
  data() {
    return {
      //超级管理员
      adminShow: this.$auth.hasRole("admin"),
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 打印
      printVisible: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 病案信息表格数据
      infoList: [],
      // 打印数据
      printDatas: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 展示更多查询条件
      isShow: false,
      //-------次诊断11-----------
      // 显示诊断搜索条件
      showDiagnoseSearch11: true,
      // 展示更多查询条件
      openDiagnose11: false,
      // 选中诊断id
      selectedDiagnoseId11: '',
      //  诊断对象
      selectedDiagnose11: {},
      diagnoseList11: [],
      // 查询参数
      diagnoseQueryParams11: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal11: 0,
      //-------次诊断10-----------
      // 显示诊断搜索条件
      showDiagnoseSearch10: true,
      // 展示更多查询条件
      openDiagnose10: false,
      // 选中诊断id
      selectedDiagnoseId10: '',
      //  诊断对象
      selectedDiagnose10: {},
      diagnoseList10: [],
      // 查询参数
      diagnoseQueryParams10: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal10: 0,
      //-------次诊断9-----------
      // 显示诊断搜索条件
      showDiagnoseSearch9: true,
      // 展示更多查询条件
      openDiagnose9: false,
      // 选中诊断id
      selectedDiagnoseId9: '',
      //  诊断对象
      selectedDiagnose9: {},
      diagnoseList9: [],
      // 查询参数
      diagnoseQueryParams9: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal9: 0,
      //-------次诊断8-----------
      // 显示诊断搜索条件
      showDiagnoseSearch8: true,
      // 展示更多查询条件
      openDiagnose8: false,
      // 选中诊断id
      selectedDiagnoseId8: '',
      //  诊断对象
      selectedDiagnose8: {},
      diagnoseList8: [],
      // 查询参数
      diagnoseQueryParams8: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal8: 0,
      //-------次诊断7-----------
      // 显示诊断搜索条件
      showDiagnoseSearch7: true,
      // 展示更多查询条件
      openDiagnose7: false,
      // 选中诊断id
      selectedDiagnoseId7: '',
      //  诊断对象
      selectedDiagnose7: {},
      diagnoseList7: [],
      // 查询参数
      diagnoseQueryParams7: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal7: 0,
      //-------次诊断6-----------
      // 显示诊断搜索条件
      showDiagnoseSearch6: true,
      // 展示更多查询条件
      openDiagnose6: false,
      // 选中诊断id
      selectedDiagnoseId6: '',
      //  诊断对象
      selectedDiagnose6: {},
      diagnoseList6: [],
      // 查询参数
      diagnoseQueryParams6: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal6: 0,
      //-------次诊断5-----------
      // 显示诊断搜索条件
      showDiagnoseSearch5: true,
      // 展示更多查询条件
      openDiagnose5: false,
      // 选中诊断id
      selectedDiagnoseId5: '',
      //  诊断对象
      selectedDiagnose5: {},
      diagnoseList5: [],
      // 查询参数
      diagnoseQueryParams5: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal5: 0,
      //-------次诊断4-----------
      // 显示诊断搜索条件
      showDiagnoseSearch4: true,
      // 展示更多查询条件
      openDiagnose4: false,
      // 选中诊断id
      selectedDiagnoseId4: '',
      //  诊断对象
      selectedDiagnose4: {},
      diagnoseList4: [],
      // 查询参数
      diagnoseQueryParams4: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal4: 0,
      //-------次诊断3-----------
      // 显示诊断搜索条件
      showDiagnoseSearch3: true,
      // 展示更多查询条件
      openDiagnose3: false,
      // 选中诊断id
      selectedDiagnoseId3: '',
      //  诊断对象
      selectedDiagnose3: {},
      diagnoseList3: [],
      // 查询参数
      diagnoseQueryParams3: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal3: 0,
      //-------次诊断2-----------
      // 显示诊断搜索条件
      showDiagnoseSearch2: true,
      // 展示更多查询条件
      openDiagnose2: false,
      // 选中诊断id
      selectedDiagnoseId2: '',
      //  诊断对象
      selectedDiagnose2: {},
      diagnoseList2: [],
      // 查询参数
      diagnoseQueryParams2: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal2: 0,
      //-------次诊断1-----------
      // 显示诊断搜索条件
      showDiagnoseSearch1: true,
      // 展示更多查询条件
      openDiagnose1: false,
      // 选中诊断id
      selectedDiagnoseId1: '',
      //  诊断对象
      selectedDiagnose1: {},
      diagnoseList1: [],
      // 查询参数
      diagnoseQueryParams1: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal1: 0,
      //------主诊断------------
      // 显示诊断搜索条件
      showDiagnoseSearch: true,
      // 展示更多查询条件
      openDiagnose: false,
      // 选中诊断id
      selectedDiagnoseId: '',
      //  诊断对象
      selectedDiagnose: {},
      diagnoseList: [],
      // 查询参数
      diagnoseQueryParams: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      diagnoseTotal: 0,

      //--------手术------------
      // 显示手术搜索条件
      showSurgerySearch: true,
      // 展示更多查询条件
      openSurgery: false,
      // 选中手术id
      selectedSurgeryId: '',
      //手术对象
      selectedSurgery: {},
      surgeryList: [],
      // 查询参数
      surgeryQueryParams: {
        pageNum: 1,
        pageSize: 10,
        code: null,
        name: null,
      },
      // 总条数
      surgeryTotal: 0,
      // 用户导入参数
      upload: {
        // 是否显示弹出层（用户导入）
        open: false,
        // 弹出层标题（用户导入）
        title: "",
        // 是否禁用上传
        isUploading: false,
        // 是否更新已经存在的用户数据
        updateSupport: 0,
        // 设置上传的请求头部
        headers: {Authorization: "Bearer " + getToken()},
        // 上传的地址
        url: url + "/system/info/importData"
      },
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        bianhao: null,
        yiliaofufeifangshi: null,
        binganhao: null,
        zhuyuanhao: null,
        bingrenxingming: null,
        lianxirenxingming: null,
        xingbie: null,
        nianling: null,
        zhiye: null,
        gongzuodanweidizhi: null,
        lianxidianhua: null,
        ruyuanriqi: [],
        ruyuankeshi: null,
        ruyuanzhenduanbianma: null,
        ruyuanzhenduan: null,
        shoushucaozuobianma: null,
        shoushucaozuomingcheng: null,
        chuyuanriqi: [],
        createDate: [],
        ids: [],
        auditStatus: null,
        chuyuankeshi: null,
        chuyuanzhuzhenduanbianma: null,
        chuyuanzhuzhenduan: null,
        cizhenduan1bianma: null,
        cizhenduan1: null,
        cizhenduan2bianma: null,
        cizhenduan2: null,
        cizhenduan3bianma: null,
        cizhenduan3: null,
        cizhenduan4bianma: null,
        cizhenduan4: null,
        cizhenduan5bianma: null,
        cizhenduan5: null,
        cizhenduan6bianma: null,
        cizhenduan6: null,
        cizhenduan7bianma: null,
        cizhenduan7: null,
        cizhenduan8bianma: null,
        cizhenduan8: null,
        cizhenduan9bianma: null,
        cizhenduan9: null,
        cizhenduan10bianma: null,
        cizhenduan10: null,
        zhuangui: null,
        shenfenzhenghao: null,
        zhuyuantianshu: null,
        endzhuyuantianshu: null,
        jingzhiyisheng: null,
        pinkunbiaozhi: null,
        liyuanfangshi: null,
        zongfeiyong: null,
        zifujine: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        bingrenxingming: [
          {required: true, message: "病人姓名不能为空", trigger: "blur"},
          {min: 2, max: 20, message: '病人姓名长度必须介于 2 和 20 之间', trigger: 'blur'}
        ],
        zhuyuanhao: [
          {required: true, message: "住院号不能为空", trigger: "blur"},
          {min: 2, max: 20, message: '住院号长度必须介于 2 和 20 之间', trigger: 'blur'}
        ],
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询病案信息列表 */
    getList() {
      this.loading = true;
      listInfo(this.queryParams).then(response => {
        this.infoList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 查询手术列表 */
    getSurgeryList() {
      listSurgery(this.surgeryQueryParams).then(response => {
        this.surgeryList = response.rows;
        this.surgeryTotal = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList() {
      listDiagnose(this.diagnoseQueryParams).then(response => {
        this.diagnoseList = response.rows;
        this.diagnoseTotal = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList1() {
      listDiagnose(this.diagnoseQueryParams1).then(response => {
        this.diagnoseList1 = response.rows;
        this.diagnoseTotal1 = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList2() {
      listDiagnose(this.diagnoseQueryParams2).then(response => {
        this.diagnoseList2 = response.rows;
        this.diagnoseTotal2 = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList3() {
      listDiagnose(this.diagnoseQueryParams3).then(response => {
        this.diagnoseList3 = response.rows;
        this.diagnoseTotal3 = response.total;
      });
    },    /** 查询诊断列表 */
    getDiagnoseList4() {
      listDiagnose(this.diagnoseQueryParams4).then(response => {
        this.diagnoseList4 = response.rows;
        this.diagnoseTotal4 = response.total;
      });
    },    /** 查询诊断列表 */
    getDiagnoseList5() {
      listDiagnose(this.diagnoseQueryParams5).then(response => {
        this.diagnoseList5 = response.rows;
        this.diagnoseTotal5 = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList6() {
      listDiagnose(this.diagnoseQueryParams6).then(response => {
        this.diagnoseList6 = response.rows;
        this.diagnoseTotal6 = response.total;
      });
    },    /** 查询诊断列表 */
    getDiagnoseList7() {
      listDiagnose(this.diagnoseQueryParams7).then(response => {
        this.diagnoseList7 = response.rows;
        this.diagnoseTotal7 = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList8() {
      listDiagnose(this.diagnoseQueryParams8).then(response => {
        this.diagnoseList8 = response.rows;
        this.diagnoseTotal8 = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList9() {
      listDiagnose(this.diagnoseQueryParams9).then(response => {
        this.diagnoseList9 = response.rows;
        this.diagnoseTotal9 = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList10() {
      listDiagnose(this.diagnoseQueryParams10).then(response => {
        this.diagnoseList10 = response.rows;
        this.diagnoseTotal10 = response.total;
      });
    },
    /** 查询诊断列表 */
    getDiagnoseList11() {
      listDiagnose(this.diagnoseQueryParams11).then(response => {
        this.diagnoseList11 = response.rows;
        this.diagnoseTotal11 = response.total;
      });
    },


    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        bianhao: null,
        yiliaofufeifangshi: null,
        binganhao: null,
        zhuyuanhao: null,
        bingrenxingming: null,
        lianxirenxingming: null,
        xingbie: null,
        nianling: null,
        zhiye: null,
        gongzuodanweidizhi: null,
        lianxidianhua: null,
        ruyuanriqi: null,
        ruyuankeshi: null,
        ruyuanzhenduanbianma: null,
        ruyuanzhenduan: null,
        shoushucaozuobianma: null,
        shoushucaozuomingcheng: null,
        chuyuanriqi: null,
        chuyuankeshi: null,
        chuyuanzhuzhenduanbianma: null,
        chuyuanzhuzhenduan: null,
        cizhenduan1bianma: null,
        cizhenduan1: null,
        cizhenduan2bianma: null,
        cizhenduan2: null,
        cizhenduan3bianma: null,
        cizhenduan3: null,
        cizhenduan4bianma: null,
        cizhenduan4: null,
        cizhenduan5bianma: null,
        cizhenduan5: null,
        cizhenduan6bianma: null,
        cizhenduan6: null,
        cizhenduan7bianma: null,
        cizhenduan7: null,
        cizhenduan8bianma: null,
        cizhenduan8: null,
        cizhenduan9bianma: null,
        cizhenduan9: null,
        cizhenduan10bianma: null,
        cizhenduan10: null,
        zhuangui: null,
        shenfenzhenghao: null,
        zhuyuantianshu: null,
        jingzhiyisheng: null,
        pinkunbiaozhi: null,
        liyuanfangshi: null,
        zongfeiyong: null,
        zifujine: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    // 展示更多搜索条件
    moreSeach() {
      this.isShow = !this.isShow
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加病案信息";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getInfo(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改病案信息";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateInfo(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addInfo(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    //分割线---------------次诊断1-----------------------
    handleShowDiagnose1() {
      this.openDiagnose1 = true
      this.selectedDiagnoseId1 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams1).then(response => {
        this.diagnoseList1 = response.rows;
        this.diagnoseTotal1 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery1() {
      this.resetForm("queryDiagnoseForm1");
      this.handleDiagnoseQuery1();
    },
    // 诊断1多选框选中数据
    handleSelectionChangeDiagnose1(selection) {
      this.selectedDiagnoseId1 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose1 = {name, code}
    },
    handleSelectDiagnose1() {
      if (!this.selectedDiagnoseId1) {
        this.$modal.msgError("请选择次诊断1名称及编码");
        return
      }
      this.openDiagnose1 = false
      //赋值
      this.form.cizhenduan1bianma = this.selectedDiagnose1.code
      this.form.cizhenduan1 = this.selectedDiagnose1.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery1() {
      this.diagnoseQueryParams1.pageNum = 1;
      this.getDiagnoseList1();
    },
    //分割线---------------次诊断2-----------------------
    handleShowDiagnose2() {
      this.openDiagnose2 = true
      this.selectedDiagnoseId2 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams2).then(response => {
        this.diagnoseList2 = response.rows;
        this.diagnoseTotal2 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery2() {
      this.resetForm("queryDiagnoseForm2");
      this.handleDiagnoseQuery2();
    },
    // 诊断2多选框选中数据
    handleSelectionChangeDiagnose2(selection) {
      this.selectedDiagnoseId2 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose2 = {name, code}
    },
    handleSelectDiagnose2() {
      if (!this.selectedDiagnoseId2) {
        this.$modal.msgError("请选择次诊断2名称及编码");
        return
      }
      this.openDiagnose2 = false
      //赋值
      this.form.cizhenduan2bianma = this.selectedDiagnose2.code
      this.form.cizhenduan2 = this.selectedDiagnose2.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery2() {
      this.diagnoseQueryParams2.pageNum = 1;
      this.getDiagnoseList2();
    },
    //分割线---------------次诊断3-----------------------
    handleShowDiagnose3() {
      this.openDiagnose3 = true
      this.selectedDiagnoseId3 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams3).then(response => {
        this.diagnoseList3 = response.rows;
        this.diagnoseTotal3 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery3() {
      this.resetForm("queryDiagnoseForm3");
      this.handleDiagnoseQuery3();
    },
    // 诊断3多选框选中数据
    handleSelectionChangeDiagnose3(selection) {
      this.selectedDiagnoseId3 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose3 = {name, code}
    },
    handleSelectDiagnose3() {
      if (!this.selectedDiagnoseId3) {
        this.$modal.msgError("请选择次诊断3名称及编码");
        return
      }
      this.openDiagnose3 = false
      //赋值
      this.form.cizhenduan3bianma = this.selectedDiagnose3.code
      this.form.cizhenduan3 = this.selectedDiagnose3.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery3() {
      this.diagnoseQueryParams3.pageNum = 1;
      this.getDiagnoseList3();
    },
    //分割线---------------次诊断4-----------------------
    handleShowDiagnose4() {
      this.openDiagnose4 = true
      this.selectedDiagnoseId4 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams4).then(response => {
        this.diagnoseList4 = response.rows;
        this.diagnoseTotal4 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery4() {
      this.resetForm("queryDiagnoseForm4");
      this.handleDiagnoseQuery4();
    },
    // 诊断4多选框选中数据
    handleSelectionChangeDiagnose4(selection) {
      this.selectedDiagnoseId4 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose4 = {name, code}
    },
    handleSelectDiagnose4() {
      if (!this.selectedDiagnoseId4) {
        this.$modal.msgError("请选择次诊断4名称及编码");
        return
      }
      this.openDiagnose4 = false
      //赋值
      this.form.cizhenduan4bianma = this.selectedDiagnose4.code
      this.form.cizhenduan4 = this.selectedDiagnose4.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery4() {
      this.diagnoseQueryParams4.pageNum = 1;
      this.getDiagnoseList4();
    },
    //分割线---------------次诊断5-----------------------
    handleShowDiagnose5() {
      this.openDiagnose5 = true
      this.selectedDiagnoseId5 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams5).then(response => {
        this.diagnoseList5 = response.rows;
        this.diagnoseTotal5 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery5() {
      this.resetForm("queryDiagnoseForm5");
      this.handleDiagnoseQuery5();
    },
    // 诊断5多选框选中数据
    handleSelectionChangeDiagnose5(selection) {
      this.selectedDiagnoseId5 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose5 = {name, code}
    },
    handleSelectDiagnose5() {
      if (!this.selectedDiagnoseId5) {
        this.$modal.msgError("请选择次诊断5名称及编码");
        return
      }
      this.openDiagnose5 = false
      //赋值
      this.form.cizhenduan5bianma = this.selectedDiagnose5.code
      this.form.cizhenduan5 = this.selectedDiagnose5.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery5() {
      this.diagnoseQueryParams5.pageNum = 1;
      this.getDiagnoseList5();
    },
    //分割线---------------次诊断6-----------------------
    handleShowDiagnose6() {
      this.openDiagnose6 = true
      this.selectedDiagnoseId6 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams6).then(response => {
        this.diagnoseList6 = response.rows;
        this.diagnoseTotal6 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery6() {
      this.resetForm("queryDiagnoseForm6");
      this.handleDiagnoseQuery6();
    },
    // 诊断6多选框选中数据
    handleSelectionChangeDiagnose6(selection) {
      this.selectedDiagnoseId6 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose6 = {name, code}
    },
    handleSelectDiagnose6() {
      if (!this.selectedDiagnoseId6) {
        this.$modal.msgError("请选择次诊断6名称及编码");
        return
      }
      this.openDiagnose6 = false
      //赋值
      this.form.cizhenduan6bianma = this.selectedDiagnose6.code
      this.form.cizhenduan6 = this.selectedDiagnose6.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery6() {
      this.diagnoseQueryParams6.pageNum = 1;
      this.getDiagnoseList6();
    },
    //分割线---------------次诊断7-----------------------
    handleShowDiagnose7() {
      this.openDiagnose7 = true
      this.selectedDiagnoseId7 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams7).then(response => {
        this.diagnoseList7 = response.rows;
        this.diagnoseTotal7 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery7() {
      this.resetForm("queryDiagnoseForm7");
      this.handleDiagnoseQuery7();
    },
    // 诊断7多选框选中数据
    handleSelectionChangeDiagnose7(selection) {
      this.selectedDiagnoseId7 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose7 = {name, code}
    },
    handleSelectDiagnose7() {
      if (!this.selectedDiagnoseId7) {
        this.$modal.msgError("请选择次诊断7名称及编码");
        return
      }
      this.openDiagnose7 = false
      //赋值
      this.form.cizhenduan7bianma = this.selectedDiagnose7.code
      this.form.cizhenduan7 = this.selectedDiagnose7.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery7() {
      this.diagnoseQueryParams7.pageNum = 1;
      this.getDiagnoseList7();
    },
    //分割线---------------次诊断8-----------------------
    handleShowDiagnose8() {
      this.openDiagnose8 = true
      this.selectedDiagnoseId8 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams8).then(response => {
        this.diagnoseList8 = response.rows;
        this.diagnoseTotal8 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery8() {
      this.resetForm("queryDiagnoseForm8");
      this.handleDiagnoseQuery8();
    },
    // 诊断8多选框选中数据
    handleSelectionChangeDiagnose8(selection) {
      this.selectedDiagnoseId8 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose8 = {name, code}
    },
    handleSelectDiagnose8() {
      if (!this.selectedDiagnoseId8) {
        this.$modal.msgError("请选择次诊断8名称及编码");
        return
      }
      this.openDiagnose8 = false
      //赋值
      this.form.cizhenduan8bianma = this.selectedDiagnose8.code
      this.form.cizhenduan8 = this.selectedDiagnose8.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery8() {
      this.diagnoseQueryParams8.pageNum = 1;
      this.getDiagnoseList8();
    },
    //分割线---------------次诊断9-----------------------
    handleShowDiagnose9() {
      this.openDiagnose9 = true
      this.selectedDiagnoseId9 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams9).then(response => {
        this.diagnoseList9 = response.rows;
        this.diagnoseTotal9 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery9() {
      this.resetForm("queryDiagnoseForm9");
      this.handleDiagnoseQuery9();
    },
    // 诊断9多选框选中数据
    handleSelectionChangeDiagnose9(selection) {
      this.selectedDiagnoseId9 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose9 = {name, code}
    },
    handleSelectDiagnose9() {
      if (!this.selectedDiagnoseId9) {
        this.$modal.msgError("请选择次诊断9名称及编码");
        return
      }
      this.openDiagnose9 = false
      //赋值
      this.form.cizhenduan9bianma = this.selectedDiagnose9.code
      this.form.cizhenduan9 = this.selectedDiagnose9.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery9() {
      this.diagnoseQueryParams9.pageNum = 1;
      this.getDiagnoseList9();
    },
    //分割线---------------次诊断10-----------------------
    handleShowDiagnose10() {
      this.openDiagnose10 = true
      this.selectedDiagnoseId10 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams10).then(response => {
        this.diagnoseList10 = response.rows;
        this.diagnoseTotal10 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery10() {
      this.resetForm("queryDiagnoseForm10");
      this.handleDiagnoseQuery10();
    },
    // 诊断10多选框选中数据
    handleSelectionChangeDiagnose10(selection) {
      this.selectedDiagnoseId10 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose10 = {name, code}
    },
    handleSelectDiagnose10() {
      if (!this.selectedDiagnoseId10) {
        this.$modal.msgError("请选择次诊断10名称及编码");
        return
      }
      this.openDiagnose10 = false
      //赋值
      this.form.cizhenduan10bianma = this.selectedDiagnose10.code
      this.form.cizhenduan10 = this.selectedDiagnose10.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery10() {
      this.diagnoseQueryParams10.pageNum = 1;
      this.getDiagnoseList10();
    },
    //分割线---------------次诊断11-----------------------
    handleShowDiagnose11() {
      this.openDiagnose11 = true
      this.selectedDiagnoseId11 = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams11).then(response => {
        this.diagnoseList11 = response.rows;
        this.diagnoseTotal11 = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery11() {
      this.resetForm("queryDiagnoseForm11");
      this.handleDiagnoseQuery11();
    },
    // 诊断11多选框选中数据
    handleSelectionChangeDiagnose11(selection) {
      this.selectedDiagnoseId11 = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose11 = {name, code}
    },
    handleSelectDiagnose11() {
      if (!this.selectedDiagnoseId11) {
        this.$modal.msgError("请选择入院诊断名称及编码");
        return
      }
      this.openDiagnose11 = false
      //赋值
      this.form.cizhenduan11bianma = this.selectedDiagnose11.code
      this.form.cizhenduan11 = this.selectedDiagnose11.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery11() {
      this.diagnoseQueryParams11.pageNum = 1;
      this.getDiagnoseList11();
    },

    //分割线----------出院主诊断----------------------------
    handleShowDiagnose() {
      this.openDiagnose = true
      this.selectedDiagnoseId = ''
      /** 查询诊断列表 */
      listDiagnose(this.surgeryDiagnoseParams).then(response => {
        this.diagnoseList = response.rows;
        this.diagnoseTotal = response.total;
      });
    },
    /** 重置按钮操作 */
    resetDiagnoseQuery() {
      this.resetForm("queryDiagnoseForm");
      this.handleDiagnoseQuery();
    },
    // 出院主诊断多选框选中数据
    handleSelectionChangeDiagnose(selection) {
      this.selectedDiagnoseId = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedDiagnose = {name, code}
    },
    handleSelectDiagnose() {
      if (!this.selectedDiagnoseId) {
        this.$modal.msgError("请选择出院主诊断名称及编码");
        return
      }
      this.openDiagnose = false
      //赋值
      this.form.chuyuanzhuzhenduanbianma = this.selectedDiagnose.code
      this.form.chuyuanzhuzhenduan = this.selectedDiagnose.name
    },
    /** 搜索按钮操作 */
    handleDiagnoseQuery() {
      this.diagnoseQueryParams.pageNum = 1;
      this.getDiagnoseList();
    },

    //分割线--------------------------------------

    /** 搜索按钮操作 */
    handleSurgeryQuery() {
      this.surgeryQueryParams.pageNum = 1;
      this.getSurgeryList();
    },

    handleShowSurgery() {
      this.openSurgery = true
      this.selectedSurgeryId = ''
      /** 查询手术列表 */
      listSurgery(this.surgeryQueryParams).then(response => {
        this.surgeryList = response.rows;
        this.surgeryTotal = response.total;
      });
    },
    /** 重置按钮操作 */
    resetSurgeryQuery() {
      this.resetForm("querySurgeryForm");
      this.handleSurgeryQuery();
    },
    // 手术多选框选中数据
    handleSelectionChangeSurgery(selection) {
      this.selectedSurgeryId = selection.id
      let name = selection.name;
      let code = selection.code;
      this.selectedSurgery = {name, code}
    },
    handleSelectSurgery() {
      if (!this.selectedSurgeryId) {
        this.$modal.msgError("请选择手术名称及编码");
        return
      }
      this.openSurgery = false
      //赋值
      this.form.shoushucaozuobianma = this.selectedSurgery.code
      this.form.shoushucaozuomingcheng = this.selectedSurgery.name
    },
    /** 打印按钮操作 */
    handlePrint(row) {
      this.printDatas = []
      this.printVisible = true
      const ids = row.id || this.ids;
      printInfo(ids).then(response => {
        this.printDatas = response.data
      })

    },
    /**审核按钮操作 */
    handleAudit(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否将病案信息更改为已审核？').then(function () {
        return auditInfo(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("审核成功");
      }).catch(() => {
      });
    },

    /**回退按钮操作 */
    handleRepeal(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否将病案信息更改为未审核？').then(function () {
        return repealInfo(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("回退成功");
      }).catch(() => {
      });
    },

    /**导出按钮操作 */
    handleExportNew(row) {
      this.queryParams.ids = row.id || this.ids;
      this.download('system/info/export/new', {
        ...this.queryParams
      }, `病案信息管理.xlsx`)
    },

    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除病案信息？').then(function () {
        return delInfo(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {
      });
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/info/export', {
        ...this.queryParams
      }, `病案信息管理.xlsx`)
    },
    /** 导入按钮操作 */
    handleImport() {
      this.upload.title = "病案信息管理导入";
      this.upload.open = true;
    },
    /** 下载模板操作 */
    importTemplate() {
      this.download('system/info/importTemplate', {}, `病案信息管理导入模版.xlsx`)
    },
    // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true;
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      this.upload.open = false;
      this.upload.isUploading = false;
      this.$refs.upload.clearFiles();
      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", {dangerouslyUseHTMLString: true});
      this.getList();
    },
    // 提交上传文件
    submitFileForm() {
      this.$refs.upload.submit();
    }

  }
};
</script>
<style lang="scss">
.el-radio__label {
  display: none;
}

@media print {
  @page {
    size: auto;
    margin: 2mm;
  }
  body,
  html {
    margin: 0;
    padding: 0;
  }
}

p {
  margin: 0;
}

.box {
  width: 170px;
  margin: 0 auto;

  .list {
    margin-bottom: 2px;

    .content {
      height: 85px;
      padding-top: 10px;

      .p1 {
        font-size: 11px;
        color: #333;
        padding-bottom: 5px;
        font-weight: bold;
      }

      .p2 {
        font-size: 15px;
        color: #333;
        padding-bottom: 5px;
        font-weight: bold;
      }
    }
  }
}
</style>
